html{
	font-size: 40px;

}
body{
	font-family: "Microsoft Yahei";
}

.index{
	width: 100%;
	background: #fff;
}
.index .indexbg{
	width: 94%;
	height: 6.45rem;
	margin: 0 auto;
	padding-top: 2rem;
	
}
.index .indexbg .username{
	width: 100%;
	 height: 1.35rem;
	text-align: center;
	padding-top: 0.6rem;
	position: relative;
	
}
.index .indexbg button{
	width: 5rem;
	height: 1.15rem;
	
	display: block;
	position: absolute;
	top:0.9rem;
    left: 9.7rem;
    border-radius: 0.2rem;
	border:1px solid #959393;
	-moz-box-shadow:1px 1px 6px 7px #c2c2c2 inset;           
	-webkit-box-shadow:1px 1px 6px 7px #c2c2c2 inset;          
	 box-shadow: 1px 1px 6px 7px #c2c2c2 inset;
	font-size: 0.6rem;    
    color: #5b5857;   
    outline: none;        
}
.index .indexbg .usernamelist::before{
	content:"";
	position: absolute;
	 width: 1rem;
    height: 1rem;
	background: url(../images/username.png) no-repeat;
	background-size: cover;
	top: 0.9rem;
    left: 1.4rem;
}
 .index .indexbg .usertel{
	width: 100%;
	 height: 1.35rem;
	text-align: center;
	padding-top: 0.3rem;
	position: relative;
	
}
.index .indexbg .usertel .usertellist::before{
	content:"";
	position: absolute;
	 width: 1rem;
    height: 1rem;
	background: url(../images/tel.png) no-repeat;
	background-size: cover;
	top: 0.9rem;
    left: 1.4rem;
}
.index .indexbg .useradd{
	width: 100%;
	    height: 1.35rem;
	text-align: center;
	padding-top: 0.6rem;
	position: relative;
	
}
.index .indexbg .useradd .useraddlist::before{
	content:"";
	position: absolute;
    width: 1rem;
    height: 1rem;
	background: url(../images/add.png) no-repeat;
	background-size: cover;
	top: 0.9rem;
    left: 1.4rem;
}
.index .indexbg span{
	display: block;
	position: absolute;
	top: 1.1rem;
    left: 2.8rem;
	font-size: 0.5rem;  
	color: #7c7a79;
}
.index  .indexmap{
	width: 100%;
	height: 15rem;
	background: url(../images/map.jpg) no-repeat;
	background-size: cover;
}



.index .userstar{
	width: 100%;
	 height: 1.35rem;
	text-align: center;
	padding-top: 0.6rem;
	position: relative;
	
}
.index .userstar .userstarlist::before{
	content:"";
	position: absolute;
    width: 1rem;
    height: 1rem;
	background: url(../images/star.png) no-repeat;
	background-size: cover;
	top: 0.9rem;
    left: 1.4rem;
}
.index .userstar span{
	display: block;
	position: absolute;
	top: 0.85rem;
    left: 2.8rem;
	font-size: 0.8rem;  
	color: #797776;
}
.index .usersubmit{
	width: 100%;
	height: 2.25rem;
	text-align: center;
	padding-top: 0.6rem;
}
.index .usersubmit  button{
	
	width: 70%;
	height: 1.75rem;
	border-radius: 0.3rem;
	border:1px solid #045d42;
	-moz-box-shadow:1px 1px 2px #999 inset;              
	-webkit-box-shadow:1px 1px 2px #999 inset;           
	box-shadow:1px 1px 2px #999 inset;  
	font-size: 0.8rem;    
	background: -webkit-linear-gradient(top,#089c6e,#05694b);
    background: -o-linear-gradient(top,#089c6e,#05694b);
    background: linear-gradient(top,#089c6e,#05694b); 
    color: #fff;   
    outline: none;        
}
.passperbg {
    width: 100%;
    height: 100%;
    background: #4A4A4A;
    opacity: 0.4;
    filter: Alpha(opacity=40);
    position: absolute;
    left: 0;
    top: 0;
   display: none;
}
.passper{
  width: 100%;
    position: absolute;
    top:8.82rem;
/* display: none;*/
}
.passper .passrece{
 width: 90%;
  height: 12rem;
  border-radius: 10px;
  margin: 0 auto;
  border:1px solid #dcdcdc;
  padding-top: 0.38rem;
  background: #08a273;
}
.passper .passrece p{
  font-size: 0.66rem;
  text-align: center;
  line-height: 1.97rem;
  color: #fff;
  font-size: 0.8rem;
}
.passper .passrece .clo{
	position: absolute;
    width: 1rem;
    height: 1.1rem;
	background: url(../images/close.png) no-repeat;
	background-size: cover;
	top: 0.7rem;
    right: 1.4rem;
}
.passper .passrece span{
  font-size: 0.35rem;
  line-height: 2rem;
}
.passper .passrece .passform{
  width: 90%;

  margin: 0 auto;
  position: relative;
}
.passper .passrece .passform .passlist{
  margin-bottom: 0.75rem;
  float: left;
}
.passper .passrece .passform label {
    width: 4rem;
    font-size: 0.66rem;
    display: inline-block;
    float: left;
   
    color: #fff;
    padding-top: 0.3rem;
   
}
.passper .passrece .passform input{
	width: 9.3rem;
	height: 1.5rem;
	  border-radius: 0.3rem;
	border:1px solid #959393;
	-moz-box-shadow:0px 1px 2px 0px #505050 inset;      
	-webkit-box-shadow:0px 1px 2px 0px #505050 inset;         
	 box-shadow: 0px 1px 2px 0px #505050 inset;
}
.passper .passrece .passsub button{
    width:8rem;
    height: 1.69rem;

   
    border-radius: 0.3rem;
  
    background:-webkit-linear-gradient(top,#ffffff,#a8a6a7);
    background:-o-linear-gradient(top,#ffffff,#a8a6a7);
    background:linear-gradient(top,#ffffff,#a8a6a7); 
    font-size: 0.66rem;
     color: #000;
		position: absolute;
	top: 78%;
	left: 50%;
	transform:translate(-50%);
	border: none;
	    box-shadow: 0px 3px 11px #757575;

}

.shopper{
  width: 100%;
    position: absolute;
    top:8.82rem;
 	display:none;
}
.shopper .shoprece{
 width: 90%;
  height: 12rem;
  border-radius: 10px;
  margin: 0 auto;
  border:1px solid #dcdcdc;
  padding-top: 0.38rem;
  background: #08a273;
}
.shopper .shoprece p{
  font-size: 0.66rem;
  text-align: center;
  line-height: 1.97rem;
  color: #fff;
  font-size: 0.8rem;
}
.shopper .shoprece .clo{
	position: absolute;
    width: 1rem;
    height: 1.1rem;
	background: url(../images/close.png) no-repeat;
	background-size: cover;
	top: 0.7rem;
    right: 1.4rem;
}
.shopper .shoprece span{
  font-size: 0.35rem;
  line-height: 2rem;
}
.shopper .shoprece .shopform{
  width: 90%;

  margin: 0 auto;
  position: relative;
}
.shopper .shoprece .shopform .shoplist{
  margin-bottom: 0.75rem;
  float: left;
  font-size: 0.6rem;
}
.shopper .shoprece .shopform label {
    width: 3.5rem;
    font-size: 0.66rem;
    display: inline-block;
    float: left;
    color: #fff;
    padding-top: 0.3rem;
   
}
.shopper .shoprece .shopform input{
	width: 9.3rem;
	height: 1.5rem;
	  border-radius: 0.3rem;
	border:1px solid #959393;
	-moz-box-shadow:0px 1px 2px 0px #505050 inset;      
	-webkit-box-shadow:0px 1px 2px 0px #505050 inset;         
	 box-shadow: 0px 1px 2px 0px #505050 inset;
	 padding-left: 0.5rem;
}
.shopper .shoprece .shopsub button{
    width:8rem;
    height: 1.69rem;

   
    border-radius: 0.3rem;
  
    background:-webkit-linear-gradient(top,#ffffff,#a8a6a7);
    background:-o-linear-gradient(top,#ffffff,#a8a6a7);
    background:linear-gradient(top,#ffffff,#a8a6a7); 
    font-size: 0.66rem;
     color: #000;
		position: absolute;
	top: 78%;
	left: 50%;
	transform:translate(-50%);
	border: none;
	    box-shadow: 0px 3px 11px #757575;

}
.mask{
	position: fixed;
	z-index:10;
	background:#000;
	opacity: 0.8;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display: none;
}
.sucess{
  width: 100%;
 display: none;
}
.sucess .sucessgo{
	width: 60%;
  height: 3rem;
  border-radius: 10px;
  margin: 0 auto;
  border:1px solid #dcdcdc;
  padding-top: 0.38rem;
  background: #08a273;
  position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	z-index:20;
}
.sucess .sucessgo p{
  font-size: 0.8rem;
  text-align: center;
	line-height: 3rem;
  color: #fff;
 
}
.sucess .sucessgo .clo{
	position: absolute;
    width: 1rem;
    height: 1.1rem;
	background: url(../images/close.png) no-repeat;
	background-size: cover;
	top: 0.4rem;
    right: 0.6rem;
}
